@charset "UTF-8";
@media (max-width: 767px) {
  body {
    font-size: 13px;
  }
  .fon32 {
    font-size: 26px;
  }
  .fon30 {
    font-size: 24px;
  }
  .fon26 {
    font-size: 20px;
  }
  .fon24 {
    font-size: 18px;
  }
  .fon22 {
    font-size: 16px;
  }
  .fon20 {
    font-size: 16px;
  }
  .fon18 {
    font-size: 15px ;
  }
  .fon16 {
    font-size: 14px;
  }
  /*nav*/

  .phone-menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
    padding-right: 10px;
    width: 60px;
    height: 56px;
    background: url(../images/menu.png) no-repeat center; background-size: 32px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
  }
  .phone-tel {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5;
    padding-right: 10px;
    width: 60px;
    height: 56px;
    background: url(../images/icon-tel-phone.png) no-repeat center;
    background-size: 28px;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
  }
  .phone-menu.active {
    background: url(../images/close-menu.png) no-repeat center;
  }
  .nofix .phone-tel, .header-nofix .phone-tel {
    background: url(../images/icon-tel-phone0.png) no-repeat center;
    background-size: 28px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  .nofix .phone-menu, .header-nofix .phone-tel {
    background: url(../images/menu-1.png) no-repeat center; background-size: 32px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  .nofix .phone-menu.active, header-nofix .phone-menu.active {
    background: url(../images/menu-close.png) no-repeat center;
  }
  .phone-fix-before{  position: fixed; left: 0; top: 56px; background: rgba(0, 0, 0, 0.6); z-index: 3; width: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .2s linear all; height: calc(100vh - 56px);}
  .phone-fix {
    position: fixed;
    width: 70%;
    height: calc(100vh - 56px);
    background: white;
    z-index: 4;
    left: 0;
    top: 56px;
    padding: 20px 0 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: .2s linear all;
    transition: .2s linear all;
    display: block;
  }
  .phone-fix .p-sub-nav {
    display: none;
    padding: 0 20px;
  }
  .phone-fix li .f-nav {
    position: relative;
    padding: 10px 20px;
    display: block;
  }
  .phone-fix li {
    padding: 0;
  }
  .phone-fix .nav-icon {
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: -5px;
    color: #333;
    padding: 0 15px;
  }
  .phone-fix dl {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 0;
    padding-top: 10px;
  }
  .phone-fix dd {
    padding: 8px 0;
  }
  .phone-fix dd:last-child {
    padding-bottom: 0;
  }
  .phone-fix .no {
    display: none;
  }
  .phone-fix .nav-icon.active .yes {
    display: none;
  }
  .phone-fix .nav-icon.active .no {
    display: block;
  }
  .phone-fix.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .phone-fix-before.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .logo {
    position: relative;
    z-index: 5;
    margin: 0 auto;
  }
  .header .fix {
    display: block;
  }
  .header .nofix-tel {
    display: none;
  }
  .header .phone-nav {
    padding: 0;
  }
  .header .phone-nav li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .header .phone-nav li a {
    color: #333;
    font-size: 16px;
  }
  .header .phone-nav li dd a {
    font-size: 15px;
    padding-left: 10px;
  }
  .bg0 .header {
    background: #000;
  }
  .bg0.nofix .header {
    background: #fff;
  }
  /*end nav*/
  /*star index */
  .fon48 { font-size: 30px; }
  .fon40 { font-size: 24px; }
  .banner-txt { padding: 10px 0; }
  .max1440 { width: 92%; }
  .max1440-nopadding { width: 100%; }
  .banner2 .swiper-button-black { transform: scale(0.75); }
  .zoujin { padding-top: 30px; }
  .padding-b60 { padding-bottom: 20px; }
  .p-padding15 { padding-left: 15px; padding-right: 15px; }
  .more-bg { padding-bottom: 20px; background-size: contain; }
  .index-banner2 .swiper-slide { padding: 10px 10px 20px; }
  .product-btn { margin-top: 10px; }
  .index-banner2 .btn-icon { transform: scale(0.7); }
  .video-title { padding: 10px 0; font-size: 20px; }
  .icon-bofang { width: 40px; }
  .index-news { margin-bottom: 20px; }
  .index-news .item { width: 100%; margin-bottom: 0; }
  .index-news .new-con { padding: 10px; }
  .w50 { width: 100%; }
  .join-tit { padding: 20px 0 20px; }
  .join-icon-list li { margin-bottom: 15px; padding: 0 5px; }
  .join-tel { padding-top: 20px; }
  .index-join-icon { height: 60px; }
  .index-join-icon img { width: 35px; }
  .w78 { padding-top: 20px; width: 90%; }
  .join-form { padding: 20px 0; }
  .join-form .txt { padding: 10px; height: 40px; margin-bottom: 20px; }
  .join-form .btn { height: 40px; line-height: 40px; }
  footer { padding: 30px 0; }
  footer .product { width: 100%; }
  footer .product ul { display: flex; justify-content: space-between; margin-bottom: 20px; }
.contact-tel { width: 41%; display: flex; align-items: center; flex-wrap: wrap; border-right: 1px solid rgba(255, 255, 255, 0.5); }
  footer .footers { padding-top: 30px; }
  .show_footer_youqing{ display:none}
  footer .code-wechat { width: 50%; flex-wrap: nowrap; }
  .wechat-code-img{ margin-right: 10px;}
  footer .footers { text-align: center; justify-content: center; }
  footer .footer-icon { padding-top: 10px; }
  .right-contact{ bottom: 25%; display:none}
  /*end index*/
  /*走进*/
  .fon36 { font-size: 18px; }
  .fon24 { font-size: 14px; }
  .zoujin-txt { margin-bottom: 50%; }
  .about-center { margin-top: 20px; margin-bottom: 20px; }
  .about-center .w42 { width: 100%; }
  .about-center .w52 { width: 100%; margin-top: 20px; }
  .zoujin-con { margin: 20px 0; }
  .about-video { padding: 30px 0; }
  .margin-t70 { margin-top: 25px; }
  .w49 { width: 100%; }
  .w48 { width: 100%; margin-top: 20px; }
  .bofang-icon { width: 40px; }
  .video-list li { margin-bottom: 20px; }
  .chazhishi-news { padding: 20px 0; }
  .chazhishi-news li { margin-bottom: 30px; }
  .zoujin-newlist { padding-top: 30px; }
  .read-more { padding: 5px 10px; }
  .about-new li { margin-bottom: 30px; }
  .about-new { margin-bottom: 20px; }
  /*end 走进*/
  .w1280 { width: 92%; }
  /*茶之旅*/
  .f-tel { margin-right: 15px; font-size: 16px; }
  .chazhlv-list .title { padding-bottom: 15px; }
  .chazhlv-list .name { padding: 5px; }
  .chazhlv-list { margin-bottom: 20px; }
  .chazhlv-list ul { justify-content: space-between; }
  .chazhlv-list li { width: 48%; padding-left: 0; padding-right: 0; margin-bottom: 15px; }
  .apply-box { padding: 20px 15px; }
  .apply-box .title { padding: 0 15px; }
  .apply-box .txt { padding: 10px; }
  /*end 茶之旅*/
  /*招商加盟*/
  .b-logo { max-width: 90px; margin: 0 auto; }
  .join-desc { padding: 30px 0; }
  .w40 { width: 100%; }
  .fon60 { font-size: 30px; }
  .max780 { padding-bottom: 20px; font-size: 16px !important; }
  .p-fon16 { font-size: 16px !important; }
  .item1 { padding-bottom: 30px; }
  .join-desc .title { margin-bottom: 0; }
  .w44 { margin: 0 auto; width:92% ; }
  .item1-1 { padding: 20px 10px 10px; }
  .number { margin-bottom: 10px; }
  .zs-list1 { padding-top: 20px; }
  .zs-list1 li { margin-bottom: 10px; width: 100%; }
  .zs-list1 .fon28 { font-size: 16px; }
  .margin-b50 { margin-bottom: 30px; }
  .zs-list2 { padding-top: 30px; }
  .zs-list2 .fon60 { font-size: 26px; }
  .fon45 { font-size: 20px; }
  .zs-list3 { }
  .zs-list3.row, .zs-list1.row { margin-left: -5px; margin-right: -5px;  }
  .zs-list3 li, .zs-list1 li { padding: 0 5px; }
  .zs-list3 li{ width: 100%;}
  .fon28 { font-size: 20px; }
  .zs-list3 .fon30 { font-size: 16px; }
  .zs-list3 { padding-top: 15px; }
  .zs-list3-1 li{ width: 100%;}
  .zs-list3-1 li img { width: 80%; margin: 0 auto; display: block;}
  .number { width: 50px; height: 50px; line-height: 50px; }
  .zs-list4 li { width: 33.33%; }
  .dingzhi-liucheng .title { padding: 30px 0; }
  .dingzhi-liucheng .left { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .dingzhi-liucheng .right { width: 100%; padding: 20px; }
  .join-lc-list li { width: 50%; text-align: center; }
  .circle { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; margin-bottom: 10px; }
  .join-lc-list { padding-top: 20px; }
  .join-lc { background-size: 100px; padding: 35px 0 0; }
  .join-lc-list li:nth-child(4n) .jiantou { visibility: visible; }
  .join-jm { padding: 20px 0; }
  .join-list-img { padding-top: 20px; }
  .apply-box .txt { margin-top: 15px; padding: 10px; width: 100%; }
  .dingzhi-liucheng .right .txt { padding: 8px 20px; }
  .dingzhi-liucheng .btn { padding: 10px 0; }
  .dingzhi-con { padding-top: 20px; }
  .zhuanshu-list li { width: 100%; margin-bottom: 15px; }
  .zhuanshu-list { padding: 20px 0 30px; }
  .top-list dl { margin-bottom: 30px; }
  .dingzhi-list li { width: 100%; }
  .dingzhi-list li img { max-height: 100%; }
  .box-case { margin-bottom: 30px; }
  .box-case li { width: 100%; }
  .join-lc .fon22{ min-height: 48px;}
  .index-news .item.w31{ width: 100%;}
  /*招商加盟*/
  /*联系斗记*/
  .chaungshi-img { width: 88%; margin: -35px auto 0; }
  .contact-us { padding: 20px 15px 20px; }
  .map { margin-bottom: 30px; padding-bottom: 30px; }
  .yingxiao li { margin-bottom: 30px; }
  .yingxiao { margin-bottom: 30px; }
  .list-left { width: 100%; }
  .list-left { padding-top: 20px; }
  .product-list input { padding: 5px 10px; height: 35px; }
  .list-left .list-top { padding-bottom: 20px; margin-bottom: 20px; }
  .list-right { width: 100%; }
  .new-list { margin-bottom: 20px; }
  .new-list li { padding: 0 0 15px; }
  .list-right .product-center-list li { width: 50%; margin-bottom: 0; }
  .list-bottom { margin-bottom: 0; }
  .pages { padding: 10px 0 20px; }
  .chuangshiren .desc { position: static; text-align: left; }
  .chuangshiren .chuangshiren-img { padding-top: 20px; }
  .menu-nav li a { padding: 10px 0; }
  .chuangshiren .name { position: relative; max-width: 200px; margin: 0 0 0 30px; top: 0; left: -36%; z-index: 4; }
  .chaungshi-img .chuangshiren .desc { transform: translateX(0); }
  .chuangshiren .line-48 { line-height: 25px; }
  .chuangshiren .chuangshiren-img { margin-bottom: 30px; }
  .chuangshiren-list li { width: 100%; margin-bottom: 30px; }
  .chuangshiren-list li:nth-child(2n+1) { margin-top: 0; }
  .chuangshiren-list li:nth-child(2) { margin-top: 0; }
  .map-right { padding-left: 0; }
  .map-left { position: static; border-right: 0; width: 100%; padding: 10px 0; }
  .layui-form-item .layui-input-inline { margin-left: 0; }
  .p-header { height: 56px; }
  .lichengs .lc-list li { width: 94%;  margin: 30px auto 0; float: none; }
  .lc-desc{ padding: 15px 10px;}
  .lichengs li:nth-child(2n) { margin-top: 30px; }
  .max650 { margin-bottom: 30px; }
  .fon100 { font-size: 40px; }
  .w68 { width: 100%; padding: 20px; }
  .w68 .news-detail { padding-top: 20px; margin-bottom: 20px; }
  .w32 { width: 100%; }
  .recommand { padding: 0 15px 30px; }
  .w32 { padding: 30px 0; }
  .recommand-list1 { padding-bottom: 20px; }
  .new-list li { width: 100%; margin-bottom: 20px; }
  .new-list { margin-left: 0; margin-right: 0; margin-top: 0; padding-top: 20px; }
  .search-banner { padding: 20px 0; }
  .product-list .search { width: 100%; }
  .product-list input { width: 140px; }
  .pinpai-shipin { margin-top: 20px; }
  .product-detail .w73 { width: 100%; }
  .product-detail .w27 { width: 100%; padding: 20px 15px; }
  .detail-table td { padding: 5px; font-size: 12px; }
  .detail-table { margin-top: 20px; }
  .shuxing { padding-bottom: 20px; margin-bottom: 20px; }
  .product-video { margin-bottom: 30px; }
  .news-desc { margin: 10px 0; height: 44px; padding: 0 5px; }
  .read-more { margin-right: 5px; }
  .p-flex-top { align-items: flex-start; padding-top: 60px; }
  .box-border, .table-line { margin-bottom: 0; }
  .product-compare-left { flex-wrap: nowrap; margin-bottom: 60px; }
  .product-compare-left .left { width: 80px !important; }
  .new-img.new-imgs { margin-bottom: 117px;}
  .product-compare-left .product-c { width: calc(100% - 80px); }
  .w100px { position: absolute; top: -60px; right: 10px; }
  .add-btns { border-top: 0; border-bottom: 0; border-right: 0; }
  .left-top { margin-bottom: 0; padding-bottom: 28px; border-bottom: 1px solid #e4e4e4; }
  .left-middle { margin-bottom: 0; }
  .product-xinxi { padding: 15px 5px; }
  .join-icon { width: 35px; }
  .dingzhi-liucheng.join-forms .left li { padding-left: 5px; padding-right: 5px; width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .chuangshiren .line-32 { line-height: 24px; }
  .chuangshiren .desc { padding-left: 15px; padding-right: 15px; width: 100%; }
  .max1200 { width: 100%; }
  .swiper-pagination-bullet { width: 8px; height: 8px; }
  .right-contact { transform: scale(0.8); right: -6px; }
  .map-left .layui-form-item .layui-input-inline { width: 105px; }
  .product-c-banner { padding: 30px 0 80px; }
  .fon36 { font-size: 22px; }
  .chazhlv-list .name { width: 100%; text-align: center; font-size: 13px; }
  .chazhlv-list .text { padding-bottom: 10px; }
  .nav-search{ position: fixed; left: 0; top: 56px; width: 100%; z-index: 99;}
  .nav-search .nav-search-input{ width: 87%;}
  .nav-search-input { padding: 15px 20px; width: 90%; border: none; }
  .p-search-btn { background: url(../images/search-icon2.png) no-repeat center; border: 0; font-size: 0; width: 40px; height: 40px; }
  .p-search-box { border: 1px solid #e4e4e4; margin-top: 20px; }
  .item1-1 { margin-top: -20px; }
  .open-shop .fon60 { font-size: 30px; }
  .zs-list2 .fon45 { font-size: 18px; }
  .list-right .product-center-list li{ width: 49%;}
  .list-right .product-center-list li:nth-last-child(4), .list-right .product-center-list li:nth-last-child(3) { border-bottom: 1px solid #e4e4e4; }
  .list-right .product-center-list li:nth-child(2n){ border-right: 0;}
  .rank { width: 100%; }
  .rank select { background: url(../images/icon-down.png) no-repeat right center; background-size: 10px; }
  .product-top { flex-wrap: wrap-reverse; }
  .p-shaixuan { width: 100%; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 33; opacity: 0; transform: translateX(-100%); transition: .3s linear all; }
  .p-shaixuan.active { opacity: 1; transform: translateX(0); }
  .shaixuan-content { width: 87%; transform: translateX(-100%); background: #fff; padding: 70px 15px 0; height: 100vh; position: fixed; left: 0; top: 0; z-index: 34; transition: .3s linear all; }
  .shaixuan-content li { width: 33.33%; text-align: center; padding: 10px  5px; }
  .shaixuan-content a { display: block; width: 100%; background: #f4f4f4; font-size: 13px; padding: 10px; }
  .shaixuan-content .s-item { margin-bottom: 20px; }
  .shaixuan-content .s-item li a.cur, .shaixuan-content .s-item li a:hover { background: #e48928; color: #fff; }
  .shaixuan-content.active { opacity: 1; transform: translateX(0); }
  .shaixuan-title { font-size: 15px; margin-bottom: 10px; }
  .scroll-content { height: calc(100% - 50px); }
  .btn-shaixuan-group { position: absolute; left: 0; width: 100%; bottom: 0; margin-top: 10px; }
  .btn-shaixuan-group a { display: block; width: 50%; height: 40px; line-height: 40px; text-align: center; display: block; color: #fff; padding: 0; }
  .btn-shaixuan-group a.btn-reset { background: #262626; }
  .btn-shaixuan-group a.btn-comfrim { background: #e48928; }
  .p-flex-al-center{  align-items: center;}
  .w52{ width: 100%;}
  #newBridge #nb_icon_wrap .nb-icon-customer{ border-radius: 0 !important; }
  #newBridge .nb-icon-right-center{right: 0 !important; top: 30% !important;}
  #newBridge .nb-icon-wrap{ width: 48px !important; height: 48px !important;}
  .p-flex-al-center{ display: flex !important;}
  .index-banner2{ margin-top: 30px;}
}